<template>
    <div>
        <p class="rank">第{{rank}}名</p>
        <p class="name">{{name}}</p>
        <p class="artist">{{artist}}</p>
    </div>
</template>

<script>
    export default{
        props:['name','artist','rank'],
        data(){
            return{
                
            }
        }
    }    
</script>

<style >
.hello{
    color:red
}
</style>